:root {
  --pl-num: 120px;
  --vp-sidebar-width-small:290px;
}

@media screen and (min-width: 1680px) {
  #app .VPNav{box-shadow:0px 0px 12px rgba(0, 0, 0, .12);}
  #app .VPNav .wrapper .container {display:flex;background:var(--vp-nav-bg-color);}
  #app .VPNav .wrapper .container .title {padding: 0 48px;position:relative;width: calc(var(--vp-sidebar-width-small) + 48px);box-sizing: border-box;}
  #app .VPNav .wrapper .container .content {padding: 0 48px;}
  #app .VPNav .wrapper .container .title .title {padding: 0;border:none;}
  #app .VPNav .divider {display:none;}
  #app .navbar-wrapper {
    padding: 0 48px;
  }

  #app .VPSidebar {
    padding: 64px;
    width: calc(var(--vp-sidebar-width-small) + 48px);
  }

  #app .VPContent.has-sidebar {
    padding-left: calc(var(--vp-sidebar-width-small) + 48px);
    padding-right:0;
    max-width:none;
    display:flex;
  }

  #app .VPDoc.has-sidebar.has-aside {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    max-width:none;

  }

  #app .VPDoc .container{
    flex:1;
    margin:0;
    width:100%;
    display:flex;
    max-width:none;
  }
  #app .VPDoc .container > .content {
    padding:0;
  }
  #app .VPDoc .container .content-container{
    max-width:none;
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
  }
  #app .VPDoc .container .content-container .main{
    width:100%;
    height:100%;
  }
  #app .VPDoc .container .content-container .vp-doc{
    width:100%;
    height:100%;
  }

  #app .VPDoc .container .content-container .vp-doc > div {
    width:100%;
    height:100%;
  }
  #app .toc-wrapper {
    padding-right: 48px;
  }

  #app .VPNavBarSearch {
    flex-grow: 0;
    padding:0 24px;
  }

}

@media screen and (min-width: 1440px) {


  .doc-content-wrapper .doc-content-container {
    min-width: var(--vp-content-width);
    width: 100%;
  }
}






/* @media (min-width: 1600px) {
  .VPSidebar {
    padding-left: var(--pl-num) !important;
    width: 420px !important;
  }

  .VPNavBar.has-sidebar .title[data-v-cf6e7c5e] {
    padding-left: var(--pl-num);
    width: 420px;
  }

  .VPNavBar.has-sidebar .content[data-v-cf6e7c5e] {
    padding-right: var(--pl-num);
    padding-left:420px;
  }

  #VPContent {
    padding-left:440px;
    padding-right: 0;
    flex: 1;
  }
  #VPContent .VPDoc {
    box-sizing: border-box;
  }
  .VPDoc.has-sidebar.has-aside {
    padding-right:var(--pl-num);
  }
  .VPDoc.has-aside .container {
    margin:0;
    width:100%;
    min-width:100%;
  }
  .VPDoc.has-aside .content {
    padding-left:0;
  }
  .VPDoc.has-aside .content-container {
    max-width: 100vw !important;
  }
} */

html {

  /* 设定 4px 是为了让 1rem = 1px */
  /* font-size: 4px; */
  scrollbar-width: thin;
}

body {
  min-width: auto;
  min-height: auto;
  display: block;
  color: #666;
 
}